<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
    <title>My JSP 'top.jsp' starting page</title>
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css"/>
   </head>
  
<body>
 <div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">凯盛项目管理系统</a>
				<div class="right">
					<ul class="nav pull-right">
						<li><img src="user.jspx?m=show&img=${userProject.user.pic}"  style="width:30px;height:30px"/></li>
						<li><a href="#" >欢迎<Span style="color:red">${userProject.user.name}</Span></a></li>
						
						<li id="fat-menu" class="dropdown">
		                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">个人信息 <b class="caret"></b></a>
			                    <ul class="dropdown-menu">
			                      <li ><a href="#myModal" data-toggle="modal" class="btn">显示个人信息</a></li>
			                      <li><a href="#">修改密码</a></li>
			                    </ul>
                  		</li>
                  
						<li><a href="exit.jspx">安全退出</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
		
	
	<div id="myModal" class="modal hide fade" style="display: none; ">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">×</button>
              <h2 style="color:red">个人信息</h2>
            </div>
            <div class="modal-body">
              <h3>用户名：${userProject.user.name}</h3>

            <h3>用户头像:&nbsp;&nbsp;<img src="user.jspx?m=show&img=${userProject.user.pic}" style="width:90px;height:90px"/> </h3>
				<hr/>
              <h4>IT技术前景</h4>
              <p>it业属于高投入、高产出、高回报的高新技术行业，虽然受网络泡沫的影响，近两年人才价格出现了不同程度的滑落，但行业优势及国家经济大环境的发展必然会使it业的发展走势强劲，人才价格坚挺。目前it行业的中高级人才年薪跨度也较大，可以从20万元左右到几百万元不等，新经济中专业人才“钱”景看好。业内专家普遍认为，it类（计算机、通信、电子等）专业人才需求虽不如从前火爆，但it业人才价格会依然位居行业榜首。</p>

            </div>
            <div class="modal-footer">
              <a href="#" class="btn" data-dismiss="modal">Close</a>
            </div>
          </div>
	
	<script type="text/javascript" src="static/js/jquery.js"></script>
  <script type="text/javascript" src="static/js/bootstrap.min.js"></script>
  <script type="text/javascript">
  	$('#myModal').modal({
  		show:false
  	});
  	
  </script>
  </body>
</html>
